<template>
	<div v-show="showPage">
		<div style="border-bottom: 1px solid #ddd;">
			<h3>SQL</h3>
		</div>
		<el-row style="margin-top: 10px;">
			<el-col :span="8" class="field-label">SQL</el-col>
			<el-col :span="16">
				<el-input v-model="sql" size="mini" type="textarea" rows="10"></el-input>
			</el-col>
		</el-row>
	</div>
</template>

<script>
	export default {
		name: "SqlPage",
		props: ["scope"],
		data() {
			return {
				showPage: false,
				sql: "",
			}
		},
		methods: {
			setVisible(visible) {
				this.showPage = visible;
			},
			getReturnData() {
				return {
					"sql": this.sql,
				};
			},
			getPreviousPage() {
				return "modelExtraInfoPage";
			},
			getNextPage() {
				return undefined
			},
			isCompletedPage() {
				return true;
			}
		},
	}
</script>

<style>
</style>
